<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>05-图像</title>
</head>
<body>
<!--
     TODO img : image 图像
                    1. 必要属性 src (source 源)
                        a. 图片放在img文件夹
                        b. 设置两种
                            1). 本地图片 a.jpg (320*480)
                            2). 远程图片 (联网)
                    2. width: 宽度
                    3. height: 高度
                         只要设置单边, 另一边也会等比例缩放
                         所以一般宽高不会同时设置, 同时设置不好看
                    4. alt : 如果图片加载失败,出现的提示
                        (用户的网络不好/ 网络图片被删除)
                    5. title: 鼠标移上去出现的提示
-->
    <img src="../img/a.jpg" alt="图片加载失败" title="这是我前女友"> <br>
    <img src="b.jpg" alt="图片加载失败"> <br>
    <img src="../img/a.jpg" width="160px"> <br>
    <img src="../img/a.jpg" height="240px"> <br>
    <img src="../img/a.jpg" width="320px" height="240px"> <br>
    <!--<img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fqqpublic.qpic.cn%2Fqq_public%2F0%2F0-2478353350-99B4B99AF675FB95ECB407376ACDE754%2F0%3Ffmt%3Djpg%26amp%3Bsize%3D319%26amp%3Bh%3D1350%26amp%3Bw%3D900%26amp%3Bppv%3D1&refer=http%3A%2F%2Fqqpublic.qpic.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1651548183&t=d55bef82d0250eeaea7b0a208653fd3f" >-->
<a href="https://baike.baidu.com/item/%E5%AE%8B%E7%A5%96%E5%84%BF/2474501?fr=aladdin" >
    <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg9.51tietu.net%2Fpic%2F2019-091404%2Fu4neztjuaj1u4neztjuaj1.jpg&refer=http%3A%2F%2Fimg9.51tietu.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1651550605&t=2a6a0705acf36e3e416b2a33c264ecef" title="这是宋祖儿！">
</a>
</body>
</html>